<%@taglib uri="/struts-tags" prefix = "s" %>
<%@ page language="java" import="java.sql.*,java.util.*"
	pageEncoding="utf-8"%>
	<%
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
 %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>

		.content_left{
			float: left;
			overflow:hidden;
		}
		*{
			padding: 0px;
			margin:0px;
			
			color: #555;
		}
		.side_block{
			height: 218px;
			width: 290px;
			padding: 4px;
			border: 1px;
			margin-bottom: 10px;

		}

		div.center_980
		{
			margin: 0px auto;
			width: 980px;
		}
		.side_block .title{
			color: rgb(120, 120, 120);
			display: block;
			font-family: 'WenQuanYi Micro Hei', 微软雅黑, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			height: 21px;
			margin-bottom: 0px;
			margin-left: 0px;
			margin-right: 0px;
			margin-top: 0px;
			padding-bottom: 3px;
			padding-left: 4px;
			padding-right: 0px;
			padding-top: 3px;
			width: 286px;
		}
		
		img {
			width: 42px;
			height: 42px;
			vertical-align: middle;
			
		}

		.separate{
			border-bottom-color: rgb(120, 120, 120);
			border-bottom-style: solid;
			border-bottom-width: 1px;
			clear: both;
			color: rgb(85, 85, 85);
			display: block;
			font-family: 'WenQuanYi Micro Hei', 微软雅黑, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: normal;
			height: 0px;
		}

		.side_user_list{
			width: 290px;
			height: 218px;
		}
		.side_user_list li a{
			text-align: left;
			display: inline-block;
			width: 100%;
		}
		.side_user_list li{
			display: inline-block;
			float: left;
			margin: 3px;
			height: 40px;
			width: 40px;
		}

		.side_user_list ul{
			width: 278px;
			height: 0px;
		}

		div.content_left{
			float: left;
			width: 300px;
		}

		div.book_list ul li p.book_name{
			margin-top: 5px;
			margin-bottom: 2px;
			height: 16px;
			overflow: hidden;

		} 

		.book_list{
			height: 720px;
			width: 648px;
		}
		.book_list li{
			padding-bottom: 10px;
			padding-left: 12px;
			padding-right: 12px;
			padding-top: 10px;
			text-align: left;
			float: left;
			height: 160px;

		}
		img.book_pic_border{
			width: 160px;
			height: 120px;
			padding: 2px;
			border-radius: 2px;
			border: 1px solid;
		}
		.book_list li img{
			padding: 2px;
			text-align: left;
			width: 90px;
			text-align: left;
			width: 160px;

		}

		body{
			font-family: "WenQuanYi Micro Hei",微软雅黑,Arial,Helvetica,sans-serif;
			font-size: 12px;
			font-weight: normal;
		}

		*{
			margin: 0px;
			padding: 0px;
			color: #555;
		}

		.content_right{
			float: right;
			width: 570px;
			overflow: hidden;
			margin-right: 100px;
		}

		div.center_980
		{
			margin: 0px auto;
			width: 980px;
		}
		
		div#main_content
		{
			padding: 10px 0px;
			height: auto;
			overflow: hidden;
		}
	</style>
</head>
<body>
	<div id="main_content" class="center_980">
		<div class="content_left">
			<div class="side_block">
				<div class="title">最多人关注</div>
				<div class="separate"></div>
				<div class="side_user_list">
					<ul>
					<s:iterator value="#session.fanedTops" var="faned" > 
						<li>
							<a target="_blank" href="/user/540305">
								<img src="<%=path %><s:property value="#faned.ui.path"/>" title="<s:property value="#faned.name"/><s:if test="#faned.sex=='male'">♂</s:if><s:else>♀</s:else> <s:property value="#faned.school"/>"></a>
						</li>
						</s:iterator>
					</ul>
				</div>
				<div class="clearfloat"></div>
			</div>
			<div class="side_block">
				<div class="title">最近登录用户</div>
				<div class="separate"></div>
				<div class="side_user_list">
					<ul>
						<s:iterator value="#session.loginLog" var="login" > 
						<li>
							<a target="_blank" href="/user/540305">
								<img src="<%=path %><s:property value="#login.user.ui.path"/>" title="<s:property value="#login.user.name"/><s:if test="#login.user.sex=='male'">♂</s:if><s:else>♀</s:else> <s:property value="#login.user.school"/><s:property value="#login.loginTime"/>"></a>
						</li>
						</s:iterator>
					</ul>
				</div>
				<div class="clearfloat"></div>
			</div>
			<div class="side_block">
				<div class="title">新注册用户</div>
				<div class="separate"></div>
				<div class="side_user_list">
					<ul>
						<s:iterator value="#session.regs" var="reg" > 
						<li>
							<a target="_blank" href="/user/540305">
								<img src="<%=path %><s:property value="#reg.ui.path"/>" title="<s:property value="#reg.name"/><s:if test="#reg.sex=='male'">♂</s:if><s:else>♀</s:else> <s:property value="#reg.school"/>"></a>
						</li>
						</s:iterator>
					</ul>
				</div>
				<div class="clearfloat"></div>
			</div>
		</div>
		<div class="content_right">
			<div class="book_list">
				<ul>
					<s:iterator value="#session.items" var="item" > 
					<li>
						<a href="/sell/3360590" target="_blank">
							<img class="book_pic_border" src="<%=path %><s:property value="#item.ii.path"/>" title="<s:property value="#item.owner.name"/><s:if test="#item.owner.sex=='male'">♂</s:if><s:else>♀</s:else><s:property value="#item.owner.school"/>"></a>
						<p class="book_name">
							<a target="_blank" href="/sell/3360590" title="<s:property value="#item.classified"/>"><s:property value="#item.classified"/></a>
						</p>
						<div class="price">
							<div class="now_price"><s:property value="#item.price"/>元每<s:property value="#item.unit"/></div>
							<div class="origin_price">&nbsp</div>
							<div class="clearfloat"></div>
						</div>
					</li>
					</s:iterator>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>